<div class="header">
    <h1>Dr. Oetker Canada Data Collection</h1>
    <div>User: Some User</div>
    <img class="logo" src="img/logo.gif" alt="logo"/>
</div>
<div class="topmenu">
    <ul class="clearfix">
        <li data-where="1">Mixers</li>
        <li data-where="2" class="active">Packaging</li>
        <li data-where="3">Silos</li>
        <li data-where="4">Activities</li>
        <li data-where="5">Events</li>
        <li data-where="6">Settings</li>
    </ul>
</div>
<div class="tabs clearfix">
    <div class="active tab" data-where="20">Overview</div>
    <div class="tab" data-where="21">Daily</div>
    <div class="tab" data-where="22">Output</div>
    <div class="tab" data-where="23">Statistics</div>
    <div class="tab" data-where="24">Changeovers</div>
    <div class="tab" data-where="25">Material</div>
    <div class="tab" data-where="26">Edit Changeovers</div>
    <div class="tab" data-where="27">Settings</div>
    <div class="tab" data-where="28">Downtime</div>
</div>